<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <style>
        li:first-child{/*第一个子元素*/
            background-color: brown;
        }
        li:last-child{/*最后一个子元素*/
            background-color: darkcyan;
        }
        li:nth-child(3){/*正数第三个个子元素*/
            background-color: darkgreen;
        }
        li:nth-last-child(2){/*倒数第二个子元素*/
            background-color: darkorange;
        }
        li:nth-child(odd/even){/*奇数/偶数 个子元素*/

        }
        </style>
    </head>
    <body>
        <h2>列表</h2>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
           
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
        
    </body>
</html>